<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/template/LayoutCliente.xhtml">

	<f:metadata>
		<f:viewAction action="#{projetoController.buscarTodosProjetos}" />
	</f:metadata>


	<ui:define name="content">
	<f:metadata>
		<f:event type="preRenderView" listener="#{loginController.testeSessaoCliente}"/> 
	</f:metadata>
		<p:fieldset legend="Projetos de #{loginController.usuarioLogado.nome}" style="text-align: center;">
			<h:form id="formRing">
			

				<p:ring id="prjRing" value="#{projetoController.projetosPorCliente}"
					var="projeto">

					<p:outputPanel style="text-align:center;" layout="block"> 
							#{projeto.nome} 
							
					</p:outputPanel>
					
					<p:outputPanel style="text-align:center;" layout="block">


						<p:commandButton update=":formRing:detail" icon="ui-icon-plus"
							title="View" oncomplete="PF('dlgDadosProjeto').show();">
							<f:setPropertyActionListener value="#{projeto}"
								target="#{projetoController.projetoSelecionado}" />
						</p:commandButton>

						<p:commandButton action="#{loginController.redirectDadosProjeto}"
							image="ui-icon ui-icon-gear">
							<f:setPropertyActionListener value="#{projeto}"
								target="#{projetoController.projetoSelecionado}" />
						</p:commandButton>
						
						<p:growl id="grow" showDetail="true" /> 
						
						
					</p:outputPanel>
				</p:ring>

				<p:dialog id="dialog" widgetVar="dlgDadosProjeto" showEffect="clip"
					hideEffect="clip" modal="true" appendTo="@(body)" width="200"
					height="100">

					<p:outputPanel id="detail" style="text-align:center;"
						layout="block">

						<h:panelGrid columns="2" cellpadding="5"
							rendered="#{not empty projetoController.projetoSelecionado}">

							<h:outputText value="Nome: " />
							<h:outputText id="prjNome"
								value="#{projetoController.projetoSelecionado.nome}" />

							<h:outputText value="Cliente: " />
							<h:outputText id="prjCliente"
								value="#{projetoController.projetoSelecionado.cliente.nome}" />

							<h:outputText value="Status: " />
							<h:outputText value="#{projetoController.projetoSelecionado.status}" style="color:green;font-weight: bold;" rendered="#{projetoController.projetoSelecionado.status == 'Concluído'}" />
							<h:outputText value="#{projetoController.projetoSelecionado.status}" style="color:blue;font-weight: bold;" rendered="#{projetoController.projetoSelecionado.status == 'Em Desenvolvimento'}" />
							<h:outputText value="#{projetoController.projetoSelecionado.status}" style="color:red;font-weight: bold;" rendered="#{projetoController.projetoSelecionado.status == 'Não Iniciado'}" />

						</h:panelGrid>
					</p:outputPanel>

				</p:dialog>
			</h:form>
		</p:fieldset>

	</ui:define>
</ui:composition>